<!-- 顶部导航开始 -->
<div class="header-container">
    <header class="header">
        <div class="header-block">
            <button class="btn -primary control-button" id="header-sidebar-toggle-button">
                <i class="fa fa-bars icon" aria-hidden="true"></i>
            </button>
            <div class="search">
                <button class="btn -primary control-button" id="header-search-toggle-button">
                    <i class="fa fa-search icon" aria-hidden="true"></i>
                </button>
            </div>
        </div>
        <div class="header-block">
            <nav class="project-nav">
                <a href="/" target="_blank" class="btn btn-sm btn-outline-secondary">
                    <i class="fa fa-home"></i>
                    <span>首页</span>
                </a>
            </nav>
            <nav class="project-nav">
                <a href="{{ route('pay.index') }}" class="btn btn-sm btn-success">
                    <span>余额: {{ Auth::user()->money }} 元</span>
                </a>
            </nav>
        </div>
        <div class="header-block">
            <nav class="profile-nav">

                <div class="dropdown nav-item notifications j-user-notifications">
                    <a href="javascript:void(0);" class="dropdown-toggle nav-link notifications-link" id="dropdownNotifications" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-bell-o"></i>
                        <sup> <span class="counter j-unread"> <!--未读数量 --></span> </sup>
                    </a>
                    <div class="dropdown-menu dropdown-content j-mailbox" aria-labelledby="dropdownNotifications">
                        <!-- 站内信内容 -->
                        <div class="divider"></div>
                        <a class="dropdown-item text-center" href="{{ route('mailbox.index') }}">查看全部</a>
                    </div>
                </div>

                <div class="dropdown nav-item profile">
                    <a href="javascript:void(0);" class="dropdown-toggle nav-link profile-link" id="dropdownProfile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-user-o"></i>
                    </a>
                    <div class="dropdown-menu dropdown-content" aria-labelledby="dropdownNotifications">
                        <a class="dropdown-item" href="{{ route('personal.index') }}"><i class="fa fa-vcard-o icon"></i> 资料</a>
                        <div class="divider"></div>
                        <a class="dropdown-item" href="javascript:void(0);" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"><i class="fa fa-sign-out icon"></i> 退出 </a>
                        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                            @csrf
                        </form>
                    </div>
                </div>
            </nav>
        </div>
    </header>
</div>
<!-- 顶部导航结束 -->


